<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin: 0px;
				padding: 0px;
				
				
			}
			
			
				
				
			
			.d1{
				width:336px;
				height:365px;
				background-color:white;
				margin: 30px auto;
				
				
				
			}
			
			.b1{
				
				
				position: absolute;
				top:90px;
				left:828px;
				color:black ;
				font-size: 20px;
				text-decoration: none;
				
				
				
			}
			
			.b2{
				
				
				position: absolute;
				top:90px;
				left:620px;
				color:black ;
				font-size: 20px;
				text-decoration: none;
				
				
			}
			.d1 a:hover{
				color:red;
				
			}
			.w1{
				position: absolute;
				top:150px;
				left:630px;
				width:270px;
				height:30px;
			
				
				
				
			}
			
			.w2{
				position: absolute;
				top:200px;
				left:630px;
				width:270px;
				height:30px;
			
				
				
				
			}
			
			.a1{
				float: right;
				position: absolute;
				top:280px;
				left:855px;
				text-decoration: none;
				color:black;
				font-size:10px;
			}
			.a1 a:hover{
				text-decoration: underline;
				
			}
			
			.c1{
				
				font-size:15px;
				color: white;
				background: #e4393c;
				width:275px;
				height:30px;
				position: absolute;
				left: 630px;
				top:320px;
				
	}
	.juzhong{
		text-align: center;
		display: block;
		
		
	}
		</style>
	</head>
	<body style="background-color: #e93854;">
		<div id="preol" class="d1">
			<a style="display: block;text-align: center; font-size: 13px;color:silver">输入密码时请确认环境安全哦亲!</a>
			<a class="b1" href="">扫码登陆</a>
			<a class="b2" href="">账户登录</a>
			
				
				
				<input placeholder="qq/手机号码/邮箱"  class="w1" id="v1" />
				
				<input placeholder="密码" class="w2" id="v2" type="password" />
				
				
				
				
				<a class="a1">
					
				忘记密码?
					
				</a>
				
		
			
		</div>
		
		<div class="c1" id="btn">
			
			<a class="juzhong" >
				登&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp 录
			</a>
				
				
		</div>
		<script>
			btn.addEventListener("click",function(){
				if(v1.value>0&&v1.value<10000000){
					alert("用户名长度不能小于8位数！");
				}else if(isNaN(v1.value)){
					alert("只能输入数字！");
					
					
				}else if(v1.value==0){
					alert("请输入用户名！");
					}else if(v1.value>10000000&&v2.value<1000000){
						alert("请输入密码");
					}else {
							alert("登陆成功");
							
						
					}
					
						
						
					
			
					
				
				
			},false);
			
			
			
			
		</script>
		
	</body>
</html>
